<md-dialog aria-label="新增响应时间" style="width:1280px;">
  <md-content class="sticky-container">
    <md-toolbar>
   <div class='col-sm-12 form-group'>
        <div class="md-toolbar-tools" >
        <h1>新增响应时间</h1>
      </div>
   </div>
 </md-toolbar>
    <div class="dialog-content perform" ng-switch on="selector.translate.timeTypeCode">
      <form name="addForm" novalidate>
      <div class="form-ctrl">
      <!-- 业务系统 -->
        <div class="col-xs-3" >
          <label style="width:60px">业务系统</label>
          <md-select  ng-model="pageData.system"  required>
            <md-option ng-value="sys.systemName" ng-repeat="sys in selector.system">{{sys.systemName}}</md-option>
          </md-select>
        </div>
        <!-- selector.translate -->
        <!-- 省份 -->
        <div class="col-xs-3">
         <label style="width:35px">省份</label>
         <md-select  ng-model="pageData.province" style="padding: 0px 0px 20px;" required>
           <md-option ng-value="pro.provinceName" ng-repeat="pro in selector.province">{{pro.provinceName}}</md-option>
         </md-select>
        </div>
        <!-- 业务名称 -->
       <!--  selector.translate -->
        <div class="col-xs-3">
          <label style="width:60px">业务列表</label>
          <md-select  ng-model="pageData.business" ng-click="queryBusiness(selector.translate.system)" style="padding: 0px 0px 20px;" required>
            <md-option ng-value="bus.businessName" ng-repeat="bus in selector.business">{{bus.businessName}}</md-option>
          </md-select>
          </div>
        <!-- 时间粒度   -->
        <div class="col-xs-3">
          <label style="width:60px">时间粒度</label>
          <md-select ng-model="pageData.timeTypeName" style="padding: 0px 0px 20px;">
            <md-option ng-value="tim.timeTypeName" ng-repeat="tim in selector.timeTypes">{{tim.timeTypeName}}</md-option>
          </md-select>
        </div>
      </div>

        <div class="dialog-content" ng-switch-when="1" class="col-xs-12">
         <md-input-container  flex class="col-xs-3">
           <label>开始时间</label>
           <input ng-model="selector.translate.startTime" type="date" end-time="selector.translate.endTime" time-validate="day" name="kaishi" required></input>
           <div ng-messages="stForm.kaishi.$error">
             <div ng-message="date">请正确输入时间</div>
             <div ng-message="time-error">结束时间不应小于开始时间</div>
           </div>
         </md-input-container>
        <md-input-container flex class="col-xs-3">
          <label>结束时间</label>
          <input ng-model="selector.translate.endTime" type="date" start-time="selector.translate.startTime" time-validate="day" name="jieshu" required></input>
          <div ng-messages="stForm.jieshu.$error">
            <div ng-message="date">请正确输入时间</div>
            <div ng-message="time-error">结束时间不应小于开始时间</div>
            <div ng-message="too-great">结束时间不应大于当前时间</div>
          </div>
        </md-input-container>
      </div>
 
        <div class="form-ctrl" ng-switch-when="3" >
         <md-input-container  flex class="col-xs-3">
           <label>开始时间</label>
           <input ng-model="selector.translate.startTime" type="month" end-time="selector.translate.endTime" time-validate="month" name="kaishi" required></input>
           <div ng-messages="stForm.kaishi.$error">
             <div ng-message="date">请正确输入时间</div>
             <div ng-message="time-error">结束时间不应小于开始时间</div>
           </div>
         </md-input-container>
        <md-input-container flex class="col-xs-3">
          <label>结束时间</label>
          <input ng-model="selector.translate.endTime" type="month" start-time="selector.translate.startTime" time-validate="month" name="jieshu" required></input>
          <div ng-messages="stForm.jieshu.$error">
            <div ng-message="date">请正确输入时间</div>
            <div ng-message="time-error">结束时间不应小于开始时间</div>
            <div ng-message="too-great">结束时间不应大于当前时间</div>
          </div>
        </md-input-container>
      </div>
      </form>
    </div>
    <div class="dialog-content" class="col-xs-12">
    <!-- 时间 -->
      <div layout layout-sm="column" class="col-xs-12">
        <md-input-container flex >
          <label>时间</label>
          <input name="userN" ng-maxlength='10' required disabled="true">
        </md-input-container>
        <md-input-container flex ng-repeat="tt in timesV">
          <label>{{tt}}</label>
          <input ng-model="Info.time"  name="userN" ng-maxlength='10' required disabled="true">
        </md-input-container>
      </div>
    <!-- 最大 -->
      <div layout layout-sm="column" class="col-xs-12">
        <md-input-container flex >
          <label>最大</label>
          <input  name="userN" ng-maxlength='10' required disabled="true">
        </md-input-container>
        <md-input-container flex ng-repeat="ttt in zuida">
          <label></label>
          <input ng-model="bigTime"  name="userN" ng-maxlength='10' required ng-change="addMax('responseTimeMax',bigTime,$index)" >
        </md-input-container>
      </div>
      <!-- 当前 -->
      <div layout layout-sm="column" class="col-xs-12">
        <md-input-container flex >
          <label>当前</label>
          <input  name="userN" ng-maxlength='10' required disabled="true">
        </md-input-container>
        <md-input-container flex ng-repeat="ttt in zuida">
          <input ng-model="currTime"  name="userN" ng-maxlength='10' required ng-change="addMax('currentAvgResponseTime',currTime,$index)">
        </md-input-container>
      </div>
      <!-- 历史 -->
      <div layout layout-sm="column" class="col-xs-12">
        <md-input-container flex >
          <label>历史</label>
          <input  name="userN" ng-maxlength='10' required disabled="true">
        </md-input-container>
        <md-input-container flex ng-repeat="ttt in zuida">
          <input ng-model="hisTime"  name="userN" ng-maxlength='10' required ng-change="addMax('historyAvgResponseTime',hisTime,$index)">
        </md-input-container>
      </div>
      <!-- 最小 -->
      <div layout layout-sm="column" class="col-xs-12">
        <md-input-container flex >
          <label>最小</label>
          <input   name="userN" ng-maxlength='10' required disabled="true">
        </md-input-container>
        <md-input-container flex ng-repeat="ttt in zuida">
          <!-- <label>{{tt}}</label> -->
          <input ng-model="minTime"  name="userN" ng-maxlength='10' required ng-change="addMax('responseTimeMin',minTime,$index)">
        </md-input-container>
      </div>
    </div>
  </md-content>
  <div class="md-actions" layout="row">
    <span flex></span>
    <md-button ng-click="cancel()">
      取消
    </md-button>
    <md-button ng-click="queding(userInfo)" class="md-primary" ng-disabled="addForm.$invalid">
      确定
    </md-button>
  </div>
</md-dialog>